<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购-领取优惠券</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">
<header class="ui-header ui-header-stable    af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start" ontouchstart="window.history.back();" >
            <i class="ui-icon-return af-icon-home"></i>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>领取优惠券</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">

        </li>
    </ul>
</header>

<div class="ui-container" >
    <div class="ui-tab ui-my-order-tab">
        <ul class="ui-tab-content-">
            <li>
                <ul class="J-list my-coupon">
                    <li class="item" data-id="1">
                        <!-- 效果1 begin -->
                        <div class="stamp stamp01">
                            <div class="par"><p>阿福易购</p><sub class="sign">￥</sub><span>50.00</span><p>订单满100.00元</p></div>
                            <div class="copy">副券<p>2015-08-13<br>2016-08-13</p></div>
                            <i></i>
                            <span class="ui-already-receive af-hide" style="background-image:url(/images/already-receive.png)"></span>
                        </div>
                        <!-- 效果1 end -->
                    </li>
                    <li class="item" data-id="2">

                        <!-- 效果2 begin -->
                        <div class="stamp stamp02">
                            <div class="par"><p>阿福易购</p><sub class="sign">￥</sub><span>50.00</span><p>订单满100.00元</p></div>
                            <div class="copy">副券<p>2015-08-13<br>2016-08-13</p></div>
                            <i></i>
                            <span class="ui-already-receive af-hide" style="background-image:url(/images/already-receive.png)"></span>
                        </div>
                        <!-- 效果2 end -->

                    </li>
                    <li class="item" data-id="3">

                        <!-- 效果3 begin -->
                        <div class="stamp stamp03">
                            <div class="par"><p>阿福易购</p><sub class="sign">￥</sub><span>50.00</span><p>订单满100.00元</p></div>
                            <div class="copy">副券<p>2015-08-13<br>2016-08-13</p></div>
                            <i></i>
                            <span class="ui-already-receive af-hide" style="background-image:url(/images/already-receive.png)"></span>
                        </div>
                        <!-- 效果3 end -->


                    </li>
                    <li class="item" data-id="4">
                        <!-- 效果3 begin -->
                        <div class="stamp stamp04">
                            <div class="par"><p>阿福易购</p><sub class="sign">￥</sub><span>50.00</span><p>订单满100.00元</p></div>
                            <div class="copy">副券<p>2015-08-13<br>2016-08-13</p></div>
                            <i></i>
                            <span class="ui-already-receive af-hide" style="background-image:url(/images/already-receive.png)"></span>
                        </div>
                        <!-- 效果3 end -->
                    </li>
                </ul>

            </li>
            <li></li>
            <li></li>
        </ul>
    </div>

</div>
<footer>

</footer>


<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>
<script src="/js/app.min.js"></script>
<script>
    $(function () {
       $('.J-list').on('click','.item',function () {
         var that=$(this),id=that.attr('data-id');
           MyAjax('/ajax_success.json','get',{id:id},function (res) {
               that.find('.ui-already-receive').show();
               that.removeClass('item');
           });
       });
    });
</script>

</body>
</html>